<!DOCTYPE html>
<html lang="en" xmlns:height="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DATA SOURCE MANAGEMENT</title>
    <link rel="stylesheet" type="text/css" href="resources/default/css/common/common.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/library.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/basic.css">
    <link rel="stylesheet" type="text/css" href="resources/default/css/governance.css">
    <style>
		#dataList .t1 *{text-transform: capitalize;}
	</style>
</head>
<body>
<header>
        <div class="header-con cf">
            <a class="header-logo" href="../../Analytics/portal.html"></a>
            <!--头部下拉链接-->
            <div class="top-line"></div>
            <div class="droplist-nav">
                <div class="nav-text cf">
                    <span class="drop-icon"></span>
                    <span class="nav-show">Data Governance</span>
                </div>
                <ul class="nav-link">
				 <a href="/BDPaaS/views/home.html"><li>BD PaaS</li></a>
                    <a href="/Analytics/home.html"><li>Analytics</li></a>
                   	<a href="/BDPaaS/views/cihome.html"><li>Customer Insight</li></a>
                </ul>
            </div>
            <div class="header-other center-layer">
                <span class="icon-header icon-header-user"></span>
                <div class="login-filed">
                    <div class="icon-annouce"> </div>
                </div>
                <a class="user-info">
                    <div class="user-name">
                        <span class="username">10011</span>
                        <div class="icon-header icon-help"> </div>
                    </div>
                </a>
            </div>
            <div class="header-nav">
                <ul>
                    <li>
                        <a href="../index1.html">Home</a>
                    </li>
                    <li>
                        <a href="../views/logicalOnly.html">Data Monitoring</a>
                    </li>
                    <li><a href="../poc/poc/poc-data.html">Data Modeling</a></li>
                    <li class="selected"><a href="">Data Integration</a></li>
                </ul>
            </div>
        </div>
</header>
<div class="container">
    <ul class="big-tab cf mt40">
        <li class="tab-list-on tab-data-icon01">Data Source</li>
        <a href="selectDataSource.html">
            <li class="tab-data-icon tab-data-icon02">Schema Mapping</li>
        </a>
        <a href="dataIntergration.html">
            <li class="tab-data-icon tab-data-icon03">Data Integration</li>
        </a>
    </ul>
    <div class="container-category mt20">
        <div class="container-sys">
            <ul class="tab-list">
                <li class="selected">
                    <dl>
                        <dt>
                            <span class="source-icon icon-source"></span>
                            <span class="category-name">All Data Sources</span>
                        </dt>
                        <dd class="category-count">
                        	1,134
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="source-icon icon-published"></span>
                        	<span class="category-name">Published</span>
                        </dt>
                        <dd class="category-count">
                        	824
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
                <li>
                    <dl>
                        <dt>
                        	<span class="source-icon icon-processing"></span>
                            <span class="category-name">Processing</span>
                        </dt>
                        <dd class="category-count">
                        	18
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
                <li>
                    <dl>
                        <dt>
                        	<span class="source-icon icon-check"></span>
                            <span class="category-name">To Be Checked</span>
                        </dt>
                        <dd class="category-count">
                        	18
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
                <li>
                    <dl>
                        <dt>
                        	<span class="source-icon icon-untreated"></span>
                            <span class="category-name">Untreated</span>
                        </dt>
                        <dd class="category-count">
                        	273
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
                <li>
                    <dl>
                        <dt>
                        	<span class="source-icon icon-abnormal"></span>
                            <span class="category-name">Abnormal</span>
                        </dt>
                        <dd class="category-count">
                        	16
                        </dd>
                    </dl>
                    <div class="icon-category-selected"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="container-sys"style="height:960px;background-color:#fff;padding:0px 30px;">
        <div class="library-tit">All Data Sources</div>
        <div class="library-list">
            <div class="library-list-btn">
                <div class="list-btn-left pull-left">
                    <div class="list-button  btn-1 pull-left" TITLE="upload"></div>
                    <div class="list-button  btn-2 pull-left" TITLE="download"></div>
                    <div class="list-button  btn-3 pull-left" TITLE="delete"></div>
                    <!-- <div class="list-button  btn-2 pull-left" title="add data source"></div>
                    <div class="list-button  btn-3 pull-left" title="remove data source"></div> -->
                    <div class="list-button  btn-4 pull-left" TITLE="refresh"></div>
                    <!--
                    <div class="list-button  btn-1 pull-left" TITLE="upload"></div>
                    <div class="list-button  btn-2 pull-left" TITLE="download"></div>
                    -->

                </div>
                <div class="list-btn-right pull-right"><span></span><input type="text" value="search" id="dataListSearch"/></div>
            </div>

        </div>
        <div class="list-table">
            <table style="border-collapse: collapse;" width="100%" id="dataList">
                <thead>
                    <tr>
                        <th width="304px" class="t1"><span></span> Source Name<b></b></th>
                        <th width="138px">Group <b ></b></th>
                        <th width="150px">Status <b></b></th>
                        <th width="373px">Description <b ></b></th>
                        <th width="181px">Created At <b ></b></th>
                        <th width="153px">Records <b></b></th>
                        <th width="103px">Entities <b></b></th>
                        <th width="103px">Type <b></b></th>
                        <th>Action <b></b></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="t1"><span></span><a>Customer management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Customer management. Daily update</td>
                        <td class="t5">12/28/15    16:12</td>
                        <td class="t6">2,191,128</td>

                        <td class="t8">36</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    
                    <tr>
                        <td class="t1"><span></span><a>Order Management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Order management. Daily update</td>
                        <td class="t5">12/28/15    14:25</td>
                        <td class="t6">538,745</td>

                        <td class="t8">18</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Resource Management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Terminal management. Daily update</td>
                        <td class="t5">12/28/15    12:10</td>
                        <td class="t6">49,181,626</td>

                        <td class="t8">23</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Product Management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Product Management. Daily update</td>
                        <td class="t5">12/28/15    10:30</td>
                        <td class="t6">3,322</td>

                        <td class="t8">13</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Channel Management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Being processed</td>
                        <td class="t4">Channel Management. Updates Monthly</td>
                        <td class="t5">12/28/15    10:05</td>
                        <td class="t6">6,176</td>

                        <td class="t8">17</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Subscriber Management</a></td>
                        <td class="t2">Huawei CRM</td>
                        <td class="t3"><span></span>Abnormal</td>
                        <td class="t4">Subscriber Management. Daily update</td>
                        <td class="t5">12/28/15    09:03</td>
                        <td class="t6">11,253,367</td>

                        <td class="t8">21</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Charging Management</a></td>
                        <td class="t2">Huawei CBS</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Charging Management. Daily update.</td>
                        <td class="t5">11/20/15    09:25</td>
                        <td class="t6">212,831,128</td>

                        <td class="t8">79</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>

                    <tr>
                        <td class="t1"><span></span><a>Account Management</a></td>
                        <td class="t2">Huawei CBS</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Account management. Daily update</td>
                        <td class="t5">11/20/15    09:13</td>
                        <td class="t6">37,691,128</td>

                        <td class="t8">28</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Settlement</a></td>
                        <td class="t2">Huawei CBS</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Settlement management. Daily update</td>
                        <td class="t5">11/20/15    08:47</td>
                        <td class="t6">9,931,128</td>

                        <td class="t8">12</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Outbound call</a></td>
                        <td class="t2">Channels</td>
                        <td class="t3"><span></span>Published</td>
                        <td class="t4">Outbound call. Weekly update</td>
                        <td class="t5">07/23/15    13:12</td>
                        <td class="t6">91,128</td>

                        <td class="t8">9</td>
                        <td class="t9">FTP</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Campaign Management</a></td>
                        <td class="t2">Channels</td>
                        <td class="t3"><span></span>Published</td>
                        <td class="t4">Outbound call. Weekly update</td>
                        <td class="t5">07/23/15    13:11</td>
                        <td class="t6">631,128</td>

                        <td class="t8">8</td>
                        <td class="t9">Oracle</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Call center</a></td>
                        <td class="t2">Channels</td>
                        <td class="t3"><span></span>Published</td>
                        <td class="t4">Outbound call. Weekly update.</td>
                        <td class="t5">07/23/15    13:09</td>
                        <td class="t6">791,126</td>

                        <td class="t8">9</td>
                        <td class="t9">FTP</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Unified SMS</a></td>
                        <td class="t2">Channels</td>
                        <td class="t3"><span></span>Untreated</td>
                        <td class="t4">Unified SMS. Weekly update</td>
                        <td class="t5">07/23/15    08:39</td>
                        <td class="t6">339,331,128</td>

                        <td class="t8">42</td>
                        <td class="t9">FTP</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                    <tr>
                        <td class="t1"><span></span><a>Signaling Collection</a></td>
                        <td class="t2">CS</td>
                        <td class="t3"><span></span>Published</td>
                        <td class="t4">Signaling data. Weekly update</td>
                        <td class="t5">07/22/15    11:12</td>
                        <td class="t6">91,128</td>

                        <td class="t8">34</td>
                        <td class="t9">Stream</td>
                        <td class="t10"><a href="javascript:void(0)">Data Discovery</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="page-list" style="margin-left:570px;width:1196px;">
            <span class="page-before pull-left"></span>
            <div class="page-numbers pull-left">
                <div class="page-number hover page-number1">1</div>
                <div class="page-number page-number1">2</div>
                <div class="page-number page-number1">3</div>
                <div class="page-number page-number1">4</div>
                <div class="page-number page-number1">5</div>
                <div class="page-number">...</div>
                <div class="page-number">623</div>
            </div>
            <span class="page-next pull-left"></span>
            <div class="page-text">32/9,872</div>
            <div class="page-jump pull-right">
                <span class="jump-text ">To</span>
                <input type="text"value="11" />
                <span class="jump-btn"></span>
            </div>
        </div>
    </div>
</div>
    <div class="footer">
            <div class="container-sys">
                <label class="copyright">
                    Copyright © Huawei Technologies Co., Ltd. 1998-2015. All rights
                </label>
                <label class="function">
                    <ul>
                        <li>Latest news</li>
                        <li>DOCS</li>
                        <li>Developer service</li>
                        <li>Contact us</li>
                    </ul>
                </label>
            </div>
    </div>
</body>
<script src="js/jquery.js"></script>
<script>
    //$("tbody .t2").html("V300R001C10");
   // $("tbody .t3").html("Design Packgage");
    //$("tbody .t5").html("Local");
	
	//根据状态名显示状态图标
	function replaceReg(str){
		var reg = /\b(\w)|\s(\w)/g;
		str = str.toLowerCase();
		return str.replace(reg,function(m){return m.toUpperCase()})
	}
	$("tbody .t3").each(function(index, element) {
		var statusName = $(element).text();
		var iconName = "ico";
		statusName = statusName.split(" ");
		for(var i in statusName){
			if(i == 0){
				iconName += replaceReg(statusName[i]);
			}else{
				iconName += statusName[i];
			}
		}
		iconName += ".png";
        $(element).children("span").attr("style","background:url(resources/default/images/governance/"+ iconName +")");
    });
	
    $("")
    $(function() {
        $("thead th").hover(
                function () {
                    $(this).addClass("hover");
                },
                function () {
                    $(this).removeClass("hover");
                }
        );
        $("table tr").hover(
                function () {
                    $(this).addClass("hover");
                },
                function () {
                    $(this).removeClass("hover");
                }
        );
        $("table tr").click(function(){
            $(this).children().children("span").toggleClass("check");
            //alert($(this).children(".t1"))
            //console.log($(this).child(t1));
        })

         $("tbody tr:odd").addClass("ba-color-f");
         $("tbody tr:even").addClass("ba-color");
        $("thead tr th").hover(function(){
                 $(this).find("b").addClass("up");
            },
            function(){
                $(this).find("b").removeClass("up");
        })
    })
	//查询
	$("#dataListSearch")
	.bind("focus",function(){
		var val = $(this).val();
		if(val == "search"){
			$(this).val("");
		}
	})
	.bind("keyup",function(){
		var val = $(this).val();
		filterData("search",val)
	}).bind("blur",function(){
		var val = $(this).val();
		if(val == ""){
			$(this).val("search");
		}
	});
	
	//过滤
	$(".container-category li").each(function(index, element) {
        $(element).click(function(){
			$(".container-category .selected").removeClass("selected");
			$(element).addClass("selected");
			var key = $(this).find(".category-name").text().toLocaleLowerCase();
			filterData("filter",key);
			
			$(".library-tit").text($(element).find(".category-name").text());
		})
    });
	//查询&&过滤
	function filterData(type,key){
		var hasFilter = false;
		var dataList = $("#dataList");
		key = key.trim().toLocaleLowerCase();
		if(!key || key == ""){
			dataList.find(".displayN").removeClass("displayN");
		}else{
			dataList.find("tbody > tr").each(function(index, element) {
				
				if(type == "search"){
					if($(element).find(".t1").text().toLocaleLowerCase().indexOf(key) == -1 
						&& $(element).find(".t4").text().toLocaleLowerCase().indexOf(key) == -1)
					{
						$(element).addClass("displayN");
						hasFilter = true;
					}
					else
					{
						$(element).removeClass("displayN");
					}
				}
				if(type == "filter"){
					if($(element).find(".t3").text().trim().toLocaleLowerCase() != key && key != "all data sources")
					{
						$(element).addClass("displayN");
						hasFilter = true;
					}
					else
					{
						$(element).removeClass("displayN");
					}
				}
			});
		}
		if(hasFilter){
			$(".page-number").hide();
			$(".page-number").eq(0).show();
			$("#page-goto").val("");
		}else{
			$("#page-goto").val("11");
			$(".page-number").show();
		}
	}
</script>
<script type="text/javascript" src="../js/headDrop.js"></script>
</html>